---
import FormattedDate from "./FormattedDate.astro";
const {comment} = Astro.props
import {Image} from 'astro:assets'
---

<div class="flex mb-6">
    <Image src="/images/avatar-1.png" class="rounded w-[70px] h-[70px]" width={70} height={70} alt="avatar"/>
    <div class="grow ml-6">
        <div class="h4 font-bold">{comment.author}</div>
        <div class="text-sm text-gray-500"><FormattedDate date={comment.createTime}/></div>
        <div class="my-4">{comment.content}</div>
    </div>
</div>